$__bg_color-primary: #EAECF3;       // 主题背景色
$__color-primary: #4E93FF;    // 主题颜色
$__color-pc-primary: #FEB307;   //　官网PC主题色
$__color-link: #4278FF;       // 链接颜色
$__color-show: #1C1F33;       // 展示或者表单输入时文字的颜色
$__color-label: #5D617B;      // lebel颜色
$__color-remind: #E84F5A;     // 提醒的颜色
$__color-line: #E8E8EA;       // 分割线颜色
$__color-check: #4174F9;      // checkBox#5D617B
$__color-border: #D2D2D6;     // 默认边框颜色，默认按钮的颜色，最顶部的背景色
$__color-bg-footer: #1C1F33;  // 底部和联系我们的背景色
$__color-bg-primary: #F5F7FA; // 主题背景色（表格、select下来鼠标经过）
$__color-bg-multiple: #F6F9FF;// 多选的时候，按钮的背景色
$__color-bg-unimportance: #F2F6F9;  // 不重要的按钮提醒的按钮背景色
$__color-bg-gotop: #777985;   // 返回顶部背景色
$__color-success-remind: #57BE8A;  // 成功之后的颜色
$__color-bg-delete: #FFF6F7;       // 删除按钮的背景色
$__little-font-size: 1.4rem; // 小一点的字体大小
$__font-size-default: 1.6rem;// 默认字体大小
$__big-font-size: 1.8rem;    // 大点的字体
$__title-font-size: 2.4rem;  // 登录注册标题字体大小
$__more-big-font-size: 3rem;
$__color-success: #5CB87A;
$width-int: 265px;
$height-int: 32px;
$width-int-register: 320px;
$height-int-register: 36px;
$width-int-register-small: 150px;

.submit-btn {
    .el-button--primary {
        height: $height-int-register;
    }
    .el-button--info {
        height: $height-int-register;
        background: $__color-border;
        border: none;
    }
    .el-button--medium {
        width: $width-int-register;
    }
    .el-button--small {
        width: $width-int-register-small;
    }
}

@mixin base-btn-submit-150 {
    width: 150px;
    height: 36px;
    background: $__color-primary;
    border: 1px solid $__color-primary;
    padding: 0;
}
@mixin base-btn-close-150 {
    width: 150px;
    height: 36px;
    background: $__color-border;
    border: 1px solid $__color-border;
    padding: 0;
}
.custom-message-box {
    .el-message-box__header {
        padding: 0;
        height: 60px;
        background: $__color-bg-primary;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .el-message-box__message {
        text-align: center;
    }
    width: 560px !important;
    .el-message-box__btns {
        text-align: center;
        .el-button--default {
            @include base-btn-close-150;
            font-size: $__little-font-size;
            color: #fff;
            &:hover{
                color: #fff;
            }
        }
        .el-button--primary {
            @include base-btn-submit-150;
            font-size: $__little-font-size;
        }
    }
}
.form-title {
    font-size: $__font-size-default;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 10px;
}
.form-title {
    .form-title-con {
        color: $__color-show;
        width: 1002px;
        border-bottom: 1px solid $__color-line;
        height: 32px;
        display: flex;
        align-items: center;
        padding-bottom: 5px;
        &::before {
            content: '';
            color: $__color-primary;
            width: 4px;
            height: 14px;
            background-color: $__color-primary;
            display: inline-block;
            margin-right: 8px;
        }
    }
}
.el-input__suffix-inner {
    color: $__color-show;
    .el-input__icon {
        font-size: $__little-font-size;
    }
}
.wathdra_record {
    .form-title {
        justify-content: left;
    }
    .form-title .form-title-con {
        width: 100%;
        padding-bottom: 12px;
        margin-top: 18px;
    }
}
.leave_header_title {
    margin-bottom: 20px;
    margin-top: 18px;
}
.leave_title {
    display: flex;
    justify-content: space-between;
    line-height: 32px;
    font-size: $__font-size-default;
}
.leave_right {
    width: 100%;
    display: flex;
    line-height: 32px;
    justify-content: flex-end;
    .el-input__inner {
        height: 32px;
        border-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .el-button--small {
        height: 32px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}
.leave_left {
    text-align: left;
    width: 100%;
    &::before {
        content: '';
        color: $__color-primary;
        width: 4px;
        height: 14px;
        background-color: $__color-primary;
        display: inline-block;
        margin-right: 8px;
    }
}
.choose_right_input {
    .el-input {
        width: 428px;
    }
    .el-select {
        .el-input {
            width: 120px;
        }
        margin-right: 8px;
    }
}
.label_style_slect {
    font-size: $__little-font-size;
    color: $__color-label;
    margin-right: 6px;
}
.el-checkbox-button--small .el-checkbox-button__inner {
    font-size: $__little-font-size;
}
.check_bill_int {
    display: flex;
    justify-content: flex-end;
    .el-input__inner {
        width: 428px;
        height: 32px;
        border-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .el-input {
        width: 428px;
    }
    .el-button--small {
        height: 32px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    margin-bottom: 12px;
}
.defalut_excel {
    .el-button {
        border: 1px solid $__color-primary;
        border-color: $__color-primary;
        color: $__color-primary;
    }
}
.icon_edit_style {
    font-size: $__little-font-size;
}
.check_btn_style {
    border: 1px solid $__color-primary;
    color: $__color-primary;
    background-color: $__color-bg-unimportance;
    padding: 6px 12px;
}
.el-button--small {
    font-size: $__little-font-size;
    height: $height-int;
    .iconfont {
        font-size: $__little-font-size;
    }
}
.tableRed {
    color: $__color-remind;
}
.member_check_box {
    .el-collapse-item__header {
        position: relative;
    }
    .up_down_text {
        position: absolute;
        right: 10px;
        background: $__color-bg-unimportance;
        color: $__color-primary;
        border: 1px solid $__color-primary;
        height: 32px;
        padding: 9px 12px;
    }
    .el-collapse-item__arrow {
        display: none;
    }
    .el-collapse-item__wrap {
        padding-bottom: 16px;
    }
}
.el-radio-button--small {
    .el-radio-button__inner {
        font-size: $__little-font-size;
    }
}
.btn_margin_style {
    .el-button + .el-button {
        margin-left: 0;
    }
    .el-button--small {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
}
.draft_i_style {
    color: $__color-remind;
    font-size: $__big-font-size;
    font-style: normal;
}
.btn_default_excel {
    .el-button--small {
        border-radius: 4px !important;
    }
}
.want_bill_int_style {
    .el-input__inner {
        height: 32px;
        line-height: 32px;
        width: 192px;
    }
}
.check_member_box {
    .el-collapse {
        border-bottom: none;
    }
}
.tab_menu_check_bill {
    margin-bottom: 12px;
}

